<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/index.css">
  <link rel="stylesheet" href="css/font.css">
  <script src="js/jquery-3.1.1.min.js"></script>
  <script src="js/index.js"></script>
  <title>Document</title>
</head>
<body id="add">
  <div class="add-header">
    <div class="row" style="line-height: 50px">
      <div class="col-md-2">
          <img src="./images/title.jpg" alt="" class="img-circle" width="50ox">
      </div>
      <div class="col-md-offset-6 col-md-1">
          <a href="add.html">添加</a>
      </div>
      <div class="col-md-2">
          <a href="change.html">修改/删除</a>
      </div>
      <div class="col-md-1">
          <span>当前位置-修改</span>
      </div>
    </div>
  </div>


  <div class="container" style="margin-top: 100px">
      <div class="row" style="margin-bottom: 10px">
        <div class="col-md-offset-8 col-md-4">
          <input type="text" class="form-control" placeholder="查询比赛名称">
        </div>
      </div>
      <!-- <div class="row"> -->
          <table class="table" style="background-color: white">
              <thead>
              <tr class="row">
                  <th class="col-md-2">比赛名称</th>
                  <th class="col-md-2">百度网盘</th>
                  <th class="col-md-2">密码</th>
                  <th class="col-md-2">创建时间</th>
                  <th class="col-md-2">操作</th>
              </tr>
              </thead>
              <tbody>
              <tr class="row">
                  <td class="col-md-2">xxx</td>
                  <td class="col-md-2">xxxx </td>
                  <td class="col-md-2">xx</td>
                  <td class="col-md-2">xxxx</td>
                  <td class="col-md-2">
                    <span class="glyphicon glyphicon-pencil" ></span>
                    <span class="glyphicon glyphicon-list" style="margin-left:15px"></span>
                    <span class="glyphicon glyphicon-remove" style="margin-left:15px"></span>
                  </td>
              </tr>
              <tr class="row">
                  <td class="col-md-2">xxx</td>
                  <td class="col-md-2">xxxx </td>
                  <td class="col-md-2">xx</td>
                  <td class="col-md-2">xxxx</td>
                  <td class="col-md-2">
                    <span class="glyphicon glyphicon-pencil" ></span>
                    <span class="glyphicon glyphicon-list" style="margin-left:15px"></span>
                    <span class="glyphicon glyphicon-remove" style="margin-left:15px"></span>
                  </td>
              </tr>
              <tr class="row">
                  <td class="col-md-2">xxx</td>
                  <td class="col-md-2">xxxx </td>
                  <td class="col-md-2">xx</td>
                  <td class="col-md-2">xxxx</td>
                  <td class="col-md-2">
                    <span class="glyphicon glyphicon-pencil" ></span>
                    <span class="glyphicon glyphicon-list" style="margin-left:15px"></span>
                    <span class="glyphicon glyphicon-remove" style="margin-left:15px"></span>
                  </td>
              </tr>
              <tr class="row">
                  <td class="col-md-2">xxx</td>
                  <td class="col-md-2">xxxx </td>
                  <td class="col-md-2">xx</td>
                  <td class="col-md-2">xxxx</td>
                  <td class="col-md-2">
                    <span class="glyphicon glyphicon-pencil" ></span>
                    <span class="glyphicon glyphicon-list" style="margin-left:15px"></span>
                    <span class="glyphicon glyphicon-remove" style="margin-left:15px"></span>
                  </td>
              </tr>
              <tr class="row">
                  <td class="col-md-2">xxx</td>
                  <td class="col-md-2">xxxx </td>
                  <td class="col-md-2">xx</td>
                  <td class="col-md-2">xxxx</td>
                  <td class="col-md-2">
                    <span class="glyphicon glyphicon-pencil" ></span>
                    <span class="glyphicon glyphicon-list" style="margin-left:15px"></span>
                    <span class="glyphicon glyphicon-remove" style="margin-left:15px"></span>
                  </td>
              </tr>
              <tr class="row">
                  <td class="col-md-2">xxx</td>
                  <td class="col-md-2">xxxx </td>
                  <td class="col-md-2">xx</td>
                  <td class="col-md-2">xxxx</td>
                  <td class="col-md-2">
                    <span class="glyphicon glyphicon-pencil" ></span>
                    <span class="glyphicon glyphicon-list" style="margin-left:15px"></span>
                    <span class="glyphicon glyphicon-remove" style="margin-left:15px"></span>
                  </td>
              </tr>
              <tr class="row">
                  <td class="col-md-2">xxx</td>
                  <td class="col-md-2">xxxx </td>
                  <td class="col-md-2">xx</td>
                  <td class="col-md-2">xxxx</td>
                  <td class="col-md-2">
                    <span class="glyphicon glyphicon-pencil" ></span>
                    <span class="glyphicon glyphicon-list" style="margin-left:15px"></span>
                    <span class="glyphicon glyphicon-remove" style="margin-left:15px"></span>
                  </td>
              </tr>
              <tr class="row">
                  <td class="col-md-2">xxx</td>
                  <td class="col-md-2">xxxx </td>
                  <td class="col-md-2">xx</td>
                  <td class="col-md-2">xxxx</td>
                  <td class="col-md-2">
                    <span class="glyphicon glyphicon-pencil" ></span>
                    <span class="glyphicon glyphicon-list" style="margin-left:15px"></span>
                    <span class="glyphicon glyphicon-remove" style="margin-left:15px"></span>
                  </td>
              </tr>
              <tr class="row">
                  <td class="col-md-2">xxx</td>
                  <td class="col-md-2">xxxx </td>
                  <td class="col-md-2">xx</td>
                  <td class="col-md-2">xxxx</td>
                  <td class="col-md-2">
                    <span class="glyphicon glyphicon-pencil" ></span>
                    <span class="glyphicon glyphicon-list" style="margin-left:15px"></span>
                    <span class="glyphicon glyphicon-remove" style="margin-left:15px"></span>
                  </td>
              </tr>
              <tr class="row">
                  <td class="col-md-2">xxx</td>
                  <td class="col-md-2">xxxx </td>
                  <td class="col-md-2">xx</td>
                  <td class="col-md-2">xxxx</td>
                  <td class="col-md-2">
                    <span class="glyphicon glyphicon-pencil" ></span>
                    <span class="glyphicon glyphicon-list" style="margin-left:15px"></span>
                    <span class="glyphicon glyphicon-remove" style="margin-left:15px"></span>
                  </td>
              </tr>
              </tbody>
          </table>
    <!-- </div> -->
</body>
</html>